<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单格式化</title>
</head>
<body>
<form action="ok.html" method="get">
  <h1>用户注册信息</h1>
  <table>
    <tr>
      <td>用户名称：</td>
      <td><input type="text" name="username"></td>
    </tr>
    <tr>
      <td>用户密码：</td>
      <td><input type="password" name ="word"></td>
    </tr>
    <tr>
  <td>确认密码：</td>
      <td><input type="password" name="word1"></td>
    </tr>
    <tr>
  <td>请选择你喜欢的运动：</td>
  <td><input type="checkbox" name="sport" value="lq">篮球
  <input type="checkbox" name="sport" value="zq">足球
  <input type="checkbox" name="sport" value="sq">手球</td>
    </tr>
    <tr>
   <td>请选择你的性别：</td>
  <td> <input type="radio" name="sex">男
   <input type="radio" name="sex">女 </td>
    </tr>
    <tr>
  <td>请选择城市：</td>
  <td> <select name ="like">
    <option >---请选择---</option>
    <option value="广东">广东</option>
    <option value="上海">上海</option>
    <option value="杭州">杭州</option>
    <option value="北京">北京</option>
    <option value="深圳">深圳</option>
  </select> </td>
      </tr>
  <tr>
  <td>自我介绍：</td>
  <td><textarea name="comment" rows="4" cols="25"></textarea></td>
  </tr>
    <tr>
  <td>选择你的文件:</td>
  <td><input type="file" name="myfile"></td>
      </tr>
    <tr>
  <td><input type="submit" value="提交"></td>
  <td><input type="reset" value="重置"></td>
    </tr>
  </table>
</form>
</body>
</html>


<!--在写代码时，一定要使用 form 标签将 input 元素包裹起来-->
<!--一定一定要给input元素设置name属性， 否则，数据提交不到服务器-->
<!--注意：checkbox 是复选框，如果希望是同一组，保证name属性一致-->
<!--注意：在checkbox select radio 提交数据的时候是value属性的值-->